<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Quản lý danh mục sản phẩm
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i>Admins</a></li>
        <li><a href="#">Sản phẩm</a></li>
      </ol>      
    </section>
    <?php if($temp['mess']!='')
    {
    ?>
    <div class="pad margin no-print">
          <div style="margin-bottom: 0!important;" class="callout callout-info">												
                <?php echo $temp['mess']; ?>
          </div>
    </div>    
    <?php
    }
    ?>
    <!-- Main content -->
    <section class="content">
        <div class="row">
            <!-- form start -->
            <form role="form" action="<?php echo DOMAIN.'/'; ?>application.php?mod=mod_admin&control=ProCat&task=add" method="POST">
                <!-- left column -->
                <div class="col-md-6">
                  <!-- general form elements -->
                  <div class="box box-primary">
                    <div class="box-header">
                      <h3 class="box-title">Thêm danh mục sản phẩm</h3>
                    </div><!-- /.box-header -->                    
                      <div class="box-body">
                        <!-- Name cat -->
                        <div class="form-group">
                          <label>Tên danh mục <i class="fa fa-asterisk"></i></label>
                          <input type="text" class="form-control" placeholder="Tên danh mục không được bỏ trống" name="NAME_CAT" />
                        </div>
                        <!-- select -->
                        <div class="form-group">
                          <label>Danh mục cha</label>
                          <select class="form-control" name="IDPARENT_CAT">
                            <?php
                                if(count($getAllCat) > 0 )
                                {
                                    echo "<option value='0'>--Chọn danh mục--</option>";
                                    foreach($getAllCat as $rows)
                                    {
                                    ?>
                                    <option value="<?php echo $rows['ID_CAT']; ?>"><?php echo  $rows['NAME_CAT']; ?></option>
                                    <?php                                        
                                    }
                                }
                                else
                                {
                                ?>
                                    <option value="0">--Chọn danh mục--</option>
                                <?php
                                }
                            ?>
                          </select>
                        </div>                 
                        <div class="form-group">
                            <label for="iconCat">Icon cho danh mục</label>
                            <input type="text" class="form-control" readonly="readonly" onclick="openKCFinder(this)"
    placeholder="Click để chọn ảnh" style="cursor:pointer" name="ICON_CAT" />
                            <p class="help-block">Thêm icon vào cho danh mục</p>
                        </div>
                        <div class="form-group">
                            <label for="backCat">Ảnh nền cho danh mục</label>
                            <input type="text" class="form-control" readonly="readonly" onclick="openKCFinder(this)"
    placeholder="Click để chọn ảnh" style="cursor:pointer" name="BACKG_CAT" />
                            <p class="help-block">Thêm ảnh nền cho danh mục</p>
                        </div>
                        <div class="checkbox">
                          <label>
                            <input type="checkbox" name="ISHOME_CAT" /> Hiển thị trang chủ
                          </label>
                        </div>
                        <div class="checkbox">
                          <label>
                            <input type="checkbox" name="STATUS_CAT" /> Cho phép hiển thị
                          </label>
                        </div>                                                                                                
                      </div><!-- /.box-body -->    
                      <div class="box-footer">
                        <button type="submit" class="btn btn-primary">Submit</button>
                      </div>
                  </div><!-- /.box -->               
                </div>
                <!-- right column -->
                <div class="col-md-6">
                  <!-- general form elements -->
                  <div class="box box-primary">
                    <div class="box-header">
                      <h3 class="box-title">Cấu hình dành cho SEO</h3>
                    </div><!-- /.box-header -->
                      <div class="box-body">                    
                        <!-- SEO -->
                        <div class="form-group">
                          <!-- Name cat seo-->
                          <input type="text" class="form-control" placeholder="Tên danh mục seo" name="NAMESEO_CAT"/>
                        </div>
                        <!-- Des seo -->
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Description cho seo" name="DES_CAT"/>
                        </div>
                        <!-- keyword seo -->
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Keyword thêm với dấu phẩy:(điện thoại, di động)" name="KEYWORD_CAT"/>
                        </div>
                        <!-- Sumary seo -->
                        <div class="form-group">
                            <textarea class="form-control" rows="3" placeholder="Mô tả cho danh mục" name="SUMARYSEO_CAT"></textarea>
                        </div>
                      </div><!-- /.box-body -->
                  </div><!-- /.box -->               
                </div>              
            </form>
        </div>
    </section><!-- /.content -->    
</div><!-- /.content-wrapper -->
<script>
    $('form').validate({
        rules: {
            NAME_CAT: {
                minlength: 3,
                required: true
            }
        },
        highlight: function(element) {
            $(element).closest('.form-group').addClass('has-error');
        },
        unhighlight: function(element) {
            $(element).closest('.form-group').removeClass('has-error');
        },
        errorElement: 'span',
        errorClass: 'help-block',
        errorPlacement: function(error, element) {
            if(element.parent('.input-group').length) {
                error.insertAfter(element.parent());
            } else {
                error.insertAfter(element);
            }
        }
    });
</script>